<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8" />
    <title></title>

    <!--<script th:src="@{/static/js/jquery.min.js}"></script>-->
    <!--<script th:src="@{/static/js/test.js}"></script>-->
</head>

<body>
Thymeleaf模板引擎
<h1 th:text="${hello}">hello world~~~~~~~</h1>

<span th:each="a : ${list}">
    <button style="height: 50px;width: 150px" th:onclick="|javascript:member_del(this,'${a.age}')|" th:text="${a.name}"></button>
    <span th:each="aa:${a.list}">
        <button style="height: 50px;width: 150px" th:onclick="|javascript:member_del(this,'${aa.age}')|" th:text="${aa.name}">121231</button>
    </span>
</span>

<!--姓名 ：<input th:value="${user.name}"/><br/>-->
<!--年龄 ：<input th:value="${user.age}"/><br/>-->
<!--描述 ：<input th:value="${user.desc}"/><br/>-->
<!--描述 ：<input th:utext="${user.desc}"/><br/>-->

<div th:object="${user}">
    姓名 ：<input th:value="*{name}"/><br/>
    年龄 ：<input th:value="*{age}"/><br/>
    描述 ：<input th:value="*{desc}"/><br/>
    描述 ：<input th:utext="*{desc}"/><br/>
    日期 ：<input th:value="*{#dates.format(date,'yyyy-MM-dd HH:mm:ss')}"/><br/>
</div>

<hr/>
<a th:href="@{http://www.bai.com}">网站</a>

<form th:action="@{/test/form}" th:method="post">
    姓名 ：<input th:field="${user.name}"/><br/>
    年龄 ：<input th:field="${user.age}"/><br/>
    <input type="submit" th:value="提交"/>
</form>

<br/>

<div th:if="${user.age == 18}">十八岁的天空</div>
<div th:if="${user.age gt 18}">大于十八</div>
<div th:if="${user.age lt 18}">小于十八</div>
<div th:if="${user.age ge 18}">大于等于十八</div>
<div th:if="${user.age le 18}">小于等于十八</div>

<br/>
选择框：
<select th:object="${user}">
    <option>选择框</option>
    <option th:selected="true">18</option>
    <!--<option th:selected="*{age == 18}">18</option>-->
    <option th:selected="*{age == 19}">19</option>
    <option th:selected="*{age == 20}">20</option>
</select>

<br/>

<div>
    <table>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>描述</th>
            <th>日期</th>
        </tr>
        <tr th:each="user : ${list}">
            <td th:text="${user.name}"></td>
            <td th:text="${user.age}"></td>
            <td th:utext="${user.desc}"></td>
            <td th:text="${#dates.format(user.date,'yyyy-MM-dd HH:mm:ss')}"></td>
            <td th:text="${user.age le 18} ? '你还年轻' : '你老了'"></td>
        </tr>
    </table>
</div>

<br/>

<!-- #{roles.superadmin} 资源文件的使用 需要在application.properties配置  -->
<div th:switch="${user.name}">
    <p th:case="pyf">小叮当</p>
    <p th:case="#{roles.superadmin}">超级管理员</p>
    <p th:case="#{roles.manager}">普通管理员</p>
</div>

</body>

<!--<script>-->
    <!--$(function () {-->
        <!--alert(1);-->
    <!--})-->
<!--</script>-->

</html>

